// const { default: axios } = require("axios");

function onfocusFun(e){
    e=e || window.event;
   var target=e.target || e.srcElement;
   // console.log(target)
   target.parentNode.parentNode.setAttribute("name",1);
 }
function onblurFun(e) {
    e=e || window.event;
   var target=e.target || e.srcElement;
   let index=target.getAttribute("name");
//    console.log(index);
   if (target.className=="name") {
       data[index].name=target.value;
   }else if (target.className=="account"){
       data[index].account=target.value;
   }else if (target.className=="password"){
       data[index].password=target.value;
   }else if(target.className=="classId"){
       data[index].classId=target.value;
   }
   target.parentNode.parentNode.setAttribute("name",1);
//    console.log(data);
//    if(addJudgeFun()==1){
//         data[data.length]={name:"",account:"",password:"",classId:""};
//         addRowFun();
//    }
   
 }

var tybody = qu("#tybody");

var data = new Array();
data[data.length]={name:"",account:"",password:"",classId:""};
function addRowFun(){
    tybody.innerHTML=''
    let i=0;
    console.log(data[1]);
    for(i;i<data.length;i++){
        // console.log(key.name)
        // <td><input type="checkbox" class="checkbox" name="${i}"  onclick="checkboxFun()" target="${i}" ></td>
        tybody.innerHTML +=`
        <tr class="rows" flag="0" name="1">
            <td>${i+1}</td>
            <td>
                <input class="name"  name="${i}" type="text" onfocus="onfocusFun()" onblur="onblurFun()" autocomplete="off" onchange="onchangeFun()" placeholder="示例：张三" value="${data[i].name}">
            </td>
            <td>
                <input class="classId"  name="${i}" type="text" onfocus="onfocusFun()" onblur="onblurFun()" autocomplete="off" onchange="onchangeFun()" placeholder="示例：通信201" value="${data[i].classId}">
            </td>
            <td>
                <input class="account"  name="${i}" type="text"  placeholder="示例：ZhangSan" onblur="onblurFun()" autocomplete="off" onclick="inputFun()" onchange="onchangeFun()"  value="${data[i].account}">
            </td>
            <td>
                <input class="password"  name="${i}" placeholder="示例：123456" onblur="onblurFun()" autocomplete="off" onchange="onchangeFun()"  value="${data[i].password}" >
            </td>
            <td>
                <button class="layui-btn layui-btn-danger layui-btn-sm" onclick="delFun()" name="${i}" >
                    删除
                </button>
            </td>
        </tr>
        `
    }
    // console.log(tybody.getElementsByClassName('rows'));
    let index =tybody.getElementsByClassName('rows').length
    tybody.getElementsByClassName('rows')[index-1].setAttribute("name",0)
    
}
addRowFun();
function addOneRowFun() {
    if(addJudgeFun()==1){
        data[data.length]={name:"",account:"",password:"",classId:""};
        addRowFun();
   }else{
    // success_span.innerHTML="请先确保下方信息是否完整🙂"
    layui.use("layer",function(){
        layer.msg('请先确保下方信息是否完整！', {
            icon: 7,
            time: 2000
        })
    })
    // shouSuccessFun()
   }
}
// contentEditable="true"
function inputFun(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    // console.log(target.parentNode.parentNode.childNodes.item(1))
}
function onchangeFun(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    let index=target.getAttribute("name")
    // tybody.document.getElementsByClassName("rows")[index].setAttribute("name", 1)
}
// 判断是否需要添加标签
function addJudgeFun(){
    // let object = tybody.childNodes;
    // let a=0,b=0;
    // for(let key of object){
    //     if(key.className=="rows"){
    //         a++;
    //         if (key.getAttribute("name")==1) {
    //             b++;
    //         }
    //     }
    // }
    // if(a==b){
    //     return 1;
    // }else{
    //     return 0;
    // }
    for(let key of data){
        if(key.name==0||key.classId==0||key.account==0||key.password==0){
            return 0;
        }
    }
    return 1;
}
// 删除整行
function delFun(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    let index=target.getAttribute("name")
    if(tybody.getElementsByClassName('rows').length>1){
        tybody.removeChild(target.parentNode.parentNode);
       data.splice(index,1)
        // console.log(data);
        addRowFun();
    }else{
        location.href="../users"
    }
}
// 点击添加
function submitFun(){
    let i=0;
    let flag = false;
    length = data.length;
    if(addJudgeFun()==1){
        for(let key of data){
        // console.log(key.account);
        axios({
            url: "../users/addUser",
            method: "POST",
            params:{
                name:key.name,
                classId:key.classId,
                username:key.account,
                password:key.password,
            }
        })
        .then(res=>{
           
            if(res.data.err==0){
                    // alert("添加成功")
                    
                    if(i==length&&flag==false){
                        layui.use("layer",function(){
                            layer.msg('添加成功！', {
                                icon: 1,
                                time: 2000
                            })
                        })
                        location.href="../users"
                        
                    }else{
                        data.splice(i,1)
                    }
                    
            }else{
                console.log(res.data);
                alert("添加失败，请检查填写信息是否正确")
                flag=true
            }
            // console.log();
            // alert(data.dada)
            // location.reload();
        })
        .catch(err=>{
            console.log(err);
        })
        i++;
    }
   }else{
    // success_span.innerHTML="请先确保信息是否完整无误后再次提交🙂"
    layui.use("layer",function(){
        layer.msg('请先确保信息是否完整无误后再次提交！', {
            icon: 7,
            time: 2000
        })
    })
    // shouSuccessFun()
   }
   addRowFun()
    // if (dels.length==0) {
    //      // alert("请选中您要提交的用户")
    //      success_span.innerHTML="请在选项勾选需要添加的题目🙂"
    //      shouSuccessFun()
    // }else{
    //     let arr = new Array();
    //     let i=0;
    //     for(let key of dels) {
    //         arr[i]={name:data[key].name,username:data[key].account,password:data[key].password,classId:data[key].classId};
    //         i++;
    //     }
    //     let index=0;
    //     for(let key of arr){
    //         if(key.name==""||key.account==""||key.password==""){
    //             // alert("选中的整行不能为空")
    //             success_span.innerHTML="请检查选中题目信息完整性🙁"
    //             shouSuccessFun()
    //         }else{
    //             index++;
    //         }
    //     }
    //     if(index==arr.length){
    //         for(let key of arr){
    //             console.log(key.username);
    //             axios({
    //                 url: "../users/addUser",
    //                 method: "POST",
    //                 params:{
    //                     name:key.name,
    //                     classId:key.classId,
    //                     username:key.username,
    //                     password:key.password,
    //                 }
    //             })
    //             .then(data=>{
    //                 if(data.data.err==0){
    //                      // alert("添加成功")
    //                      location.href="../users"
    //                 }else{
    //                     alert("添加失败")
    //                 }
    //                 // console.log();
    //                 // alert(data.dada)
    //                 // location.reload();
    //             })
    //             .catch(err=>{
    //                 console.log(err);
    //             })
    //         }
           
          
    //     }
    // }
}
// 
// 修改提示
// function shouSuccessFun() {
//     let i=0;
//     successShow.style.display="block"
//     let timer=setInterval(function(){
//         if(i<1){
//             i++
//         }else{
//             successShow.style.display="none"
//             clearInterval(timer);
//         }
//     },800)
// }